草庐IT

gulp + mockjs模拟前端数据

全部标签

javascript - 当 gulp 为应用程序提供服务时,如何在 webstorm 中调试 Javascript

在Webstorm中,我正在运行gulpserve任务来启动localhost:9000stubAngular项目,该项目由yo生成。我正在尝试调试JavaScript代码,这是我尝试过的:我将gulp作为调试任务运行,我只能调试gulp文件行我尝试在JavaScript之前运行gulpserve,它开始服务,而Webstorm从未启动它的JavaScript调试session我尝试运行JavaScript调试,但我的代码中没有出现断点。这种情况下的工作流程是什么?附言。我不想在chrome开发人员工具中调试代码,我希望我的断点在Webstorm中工作 最佳

javascript - 如何使用 Gulp 压缩 ES6

我对手动编写gulpfile.js比较陌生。我有一个基于Backbone和Marionette的项目,到目前为止,gulp文件如下所示:vargulp=require('gulp');var$=require('gulp-load-plugins')();varbrowserify=require('browserify');vardel=require('del');varwatchify=require('watchify');varsource=require('vinyl-source-stream');varstylish=require('jshint-stylish');

javascript - 如何使用初始化后将填充的数据初始化 Facebook Pixel?

我有一个单页广告系列网站,该网站应收集PageView和LEAD事件数据,以便通过“高级匹配”进行Facebook定位。对于PageView,我需要在页面加载时初始化Pixel。对于高级匹配,我需要为初始化脚本提供用户数据——但是,只有在用户提交数据后我才有可用的用户数据,此时应该发送LEAD事件。是否可以为初始化脚本提供一个指向发送LEAD事件时使用的javascript变量的“指针”?帮助页面对此有提示,但所有示例都有例如以纯文本或sha256散列形式提供的电子邮件参数;既不是JS变量,也不是指向它的文本指针。来自"AdvancedMatchingwiththePixel"help

javascript - 使用 json 数据、nunjucks 和 for 循环动态迭代表单 radio 输入

我有一个由单选按钮组成的大型表单,我想用nunjucks动态创建它。我有一个json文件,其中包含用变量填充每个html表单输入组的数据。html由每组两个radio输入组成。我可以从json文件中检索变量,但在创建FOR循环时卡住了。我想要实现的是遍历checklist.json中的每个子部分,并使用每个数组中的变量填充html列表,构建列表直到数据结束。正如您从html中看到的,每个数组中的所有变量都在html输入block中使用了两次,除了值。总结:只要有包含数组的子部分,迭代html表单输入并用每个数组中的对象填充每个。索引.njks{%include"../includes/

javascript - 如何在 Vue.js 中测试计算属性?无法模拟 "data"

我想知道如何在Vue.js的单元测试中测试计算属性。我已经通过vue-cli(基于webpack)创建了一个新项目。例如这是我的组件:exportdefault{data(){return{source:[]}},methods:{removeDuplicates(arr){return[...newSet(arr)]}},computed:{types(){returnthis.removeDuplicates(this.source))}}}我试过这样测试it('shouldremoveduplicatesfromarray',()=>{constarr=[1,2,1,2,3]co

javascript - 插入 couchdb 数据库后未找到/丢失文档

我正在尝试创建一个名为“_users”的简单数据库,并使用Couch-DB向其中插入一个新用户。我在shell中使用Node来运行以下代码:用户配置文件.jsvarnano=require('nano')('http://localhost:5984')module.exports={addUser:function(id,name,password){varusersDB=nano.use('_users')varoptions={"_id":"org.couchdb.user:"+id,"name":id,"roles":[],"type":"user","password":pa

javascript - Jest 模拟一个yaml文件

我有一个yaml文件,其中包含一些配置信息,我在要测试的模块中使用它。但是当我测试它时我想模拟它所以它只有简化和静态数据,所以它很容易测试并且如果配置发生变化我不必编辑测试。到目前为止,这是我尝试过的://config/index.jsconstyaml=require('js-yaml');constfs=require('fs');constpath=require('path');constfilePath=path.join(__dirname,'stuff.yaml');module.exports={getStuff(){returnyaml.safeLoad(fs.rea

javascript - 在 "Actions must be plain objects. Use custom middleware for async actions."中使用 Jest 模拟结果

我有几个Redux-Thunk风格的函数,可以在一个文件中分派(dispatch)其他操作。其中一个Action将另一个作为其逻辑的一部分进行分派(dispatch)。它看起来类似于:exportconstfunctionToMock=()=>async(dispatch)=>{awaitdispatch({type:'abasicaction'});};exportconstfunctionToTest=()=>async(dispatch)=>{dispatch(functionToMock());};在我实际遇到的情况下,这些函数都涉及更多,并且每个都分派(dispatch)多个

javascript - 通过 COM 从 MATLAB 向 Google Earth 插件提供数据

我目前正在使用MATLAB/Simulink和GoogleEarth进行飞行模拟项目。我想做的是让MATLAB/Simulink进行所有计算和模拟,并让GoogleEarth实时显示结果。为了连接这两个程序,我使用COM接口(interface),而MATLAB/Simulink作为COM客户端,InternetExplorer作为COM服务器。在此之前,我一直在使用GoogleEarthCOMAPI而不是GoogleEarthAPI(javascript之一)。但是,某些功能在COMAPI中不可用或受限(例如:俯仰、滚动)。因此,我求助于Google地球插件。这是示例,Web应用程序

javascript - 与 HTMLElement 对象进行数据关联的最佳实践?

我遇到了3种使用HTMLElement对象存储任何数据的方法。有人可以建议将任何数据与元素对象相关联的最佳做法吗?我更喜欢数字3,因为它不像1和2那样设置任何HTML属性。这就像在对象上设置和获取任何属性。使用setAttribute('nonStandardDataProperty')使用HTMLElement对象的数据集属性,例如dataset.x数据x属性HTMLElement是对象,因此定义任何属性,它将用作该元素的数据存储 最佳答案 在我看来,选项#2是最“符合标准”的,如果这是您正在寻找的;另外,它允许您从HTML中设置